<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
    crossorigin="anonymous">
  <link rel="stylesheet" href="./css/index.css">
  <script src="https://cdn.bootcss.com/jquery/2.0.0/jquery.min.js"></script>
  <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
    crossorigin="anonymous"></script>
</head>

<body>
  <!-- 导航与背景 -->
  <div class="container-fulid backdrop">
    <nav class="navbar navbar-inverse">
      <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
            aria-expanded="false">
                          <span class="sr-only">Toggle navigation</span>
                          <span class="icon-bar"></span>
                          <span class="icon-bar"></span>
                          <span class="icon-bar"></span>
                        </button>
          <a class="navbar-brand" href="#">
            <img src="images/logo.png" alt="">
            <span>果粒多数字商品抵押</span> 
          </a>
        </div>
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav navbar-right">
            <li><a class="active" href="#">首页</a></li>
            <li><a href="./finance.html">我要赎回</a></li>
            <li><a href="./finance.html">财务中心</a></li>
            <li><a href="./person.html">个人中心</a></li>
            <li><a href="./login.html" class="entry">登录</a></li>
            <li><a href="./register.html" class="register">注册</a></li>
            <li><a href="#" class="notice">公告</a></li>
            <li><a href="./help.html" class="help">帮助</a></li>
          </ul>
        </div>
        <!-- /.navbar-collapse -->
      </div>
      <!-- /.container-fluid -->
    </nav>
  </div>
  <!-- 数字资产类 -->
  <div class="container numProduct">
      <h3 class="text-center title">DIGITAL ASSET CLASS/
      <span class="subHead">数字资产类</span></h3>
      <p class="text-center">Guoliduo Digital commodity mortgage</p>
      <div class="row">
        <div class=" col-xs-12 col-md-4 col-sm-6 coin" onclick="window.location.href='pledgebit.html'">
          <img src="./images/sybitebi.png" alt="">
          <div class="caption">
            <h3 class="text-center">比特币</h3>
            <p class="text-center">注册信息，申请抵押借贷</p>
          </div>
        </div>
        <div class=" col-xs-12 col-md-4 col-sm-6 cash">
          <img src="./images/sylaitebixj.png" alt="">
          <div class="caption">
            <h3 class="text-center">比特现金</h3>
            <p class="text-center">提交抵押信息大数据审核</p>
          </div>
        </div>
        <div class=" col-xs-12 col-md-4 col-sm-6 layte">
          <img src="./images/sybitebi.png" alt="">
          <div class="caption">
            <h3 class="text-center">莱特币</h3>
            <p class="text-center">多长时间到账，多长时间拿钱</p>
          </div>
        </div>
        <div class=" col-xs-12 col-md-4 col-sm-6 aether">
          <img src="./images/syyitaifang.png" alt="">
          <div class="caption">
            <h3 class="text-center">以太坊</h3>
            <p class="text-center">0担保0门槛操作简单快捷</p>
          </div>
        </div>
        <div class=" col-xs-12 col-md-4 col-sm-6 aetherClassical">
          <img src="./images/syyitaifang.png" alt="">
          <div class="caption">
            <h3 class="text-center">以太经典</h3>
            <p class="text-center">大数据自动化智能审核</p>
          </div>
        </div>
        <div class=" col-xs-12 col-md-4 col-sm-6 more">
          <img src="./images/syjingqingqidai.png" alt="">
          <div class="caption">
            <h3 class="text-center">更多商品敬请期待</h3>
            <p class="text-center">后续更多数字抵押商品敬请期待</p>
          </div>
        </div>
      </div>
  </div>
  <!-- 游戏类 -->
  <div class="container games">
    <h3 class="text-center title">GAME CLASS/<span class="subHead">游戏类</span></h3>
    <p class="text-center">Guoliduo Digital commodity mortgage</p>
    <div class="row">
      <div class="col-md-4 col-sm-12 col-xs-12" onclick="window.location.href='game.html'">
        <img src="./images/sydataosha.png" alt="">
        <div class="caption">
          <h3 class="text-center">绝地求生大逃杀</h3>
        </div>
      </div>
      <div class="col-md-4 col-sm-12 col-xs-12" onclick="window.location.href='game.html'">
        <img src="./images/sydota.png" alt="">
        <div class="caption">
          <h3 class="text-center">DOTA2刀塔</h3>
        </div>
      </div>
      <div class="col-md-4 col-sm-12 col-xs-12" onclick="window.location.href='game.html'">
        <img src="./images/sycsgo.png" alt="">
        <div class="caption">
          <h3 class="text-center">CS GO</h3>
        </div>
      </div>
    </div>
  </div>
  <!-- footer -->
  <div class="base container-fulid">
      <div class="container">
          <p class="qq pull-left">QQ群: <span>66666666</span> </p>
          <p class="email pull-left hidden-xs">邮箱: <span>guolicheng@163.com</span></p>
          <p class="copyright pull-right hidden-xs hidden-sm">虚拟物品抵押平台 copyright @ 2017 - 2020 xuniwupindiya.All Rights Reserved版权所有</p>
      </div>
  </div>
</body>

</html>